<div id="gray-test-dialog" class="gray-test-dialog" style="overflow-y:auto;display:none;">
    <#list tokens as tk>
        <span style='display: none;' class='token' clientCode='${tk.key}' callname='${tk.name}' skCode='${tk.id}'></span>
    </#list>
    <style>
        .gray-test-dialog-title {
            font-size: 14px !important;
            color: #666666 !important;
            float: none !important;
        }

        .gray-test-dialog-cancle-btn:hover {
            border: 1px solid #337BFF !important;
            color: #337BFF !important;
        }

        #gray-test-dialog .gray-test-title-line {
            height: 28px;
            line-height: 28px;
            font-size: 14px;
            color: #333333;
        }
        #gray-test-dialog .gray-test-content {
            padding-top: 0;
            padding-left: 30px;
        }

        #gray-test-dialog .gray-test-content-label {
            width: 50px;
            color: #666666 !important;
        }

        #gray-test-dialog .select-secret .gray-test-table {
            border-collapse: separate;
            table-layout: fixed;
            /*word-wrap: break-word;*/
            border-spacing: 0 11px;
        }
        #gray-test-dialog .select-secret td {
            height: 28px;
            line-height: 28px;
            padding: 0 8px;
        }

        .tempo-tag {
            background-color: rgba(64,158,255,.1);
            display: inline-block;
            padding: 0 10px;
            height: 22px;
            line-height: 22px;
            font-size: 12px;
            color: #409eff;
            border-radius: 2px;
            box-sizing: border-box;
            border: 1px solid rgba(64,158,255,.2);
            border-top-color: rgba(64, 158, 255, 0.2);
            border-right-color: rgba(64, 158, 255, 0.2);
            border-bottom-color: rgba(64, 158, 255, 0.2);
            border-left-color: rgba(64, 158, 255, 0.2);
            white-space: nowrap;
        }

        .gray-test-table-style td{
            text-overflow: ellipsis;
            overflow: hidden ;
            white-space: nowrap ;
        }
    </style>
    <form id="tempo-mine-flow-service-test"  onsubmit="return false;">
        <input type="hidden" name='serviceAddress' value="${service.remoteHost}:${service.remotePort}" />
        <!--选择证书-->
        <div class="select-secret" id="select-secret">
            <div class="gray-test-title-line">
                <!--选择证书title-->
                <span><@spring.message "mine.dyxtxz"/></span>
            </div>
            <table class="formLayout gray-test-content gray-test-table">
                <tbody>
                <tr>
                    <td  class="gray-test-content-label" style="width: 20px">
                        <label ><@spring.message "mine.clientName"/></label>
                    </td>
                    <td style="width: 270px">
                        <select id="selectCode"> </select>
                    </td>
                    <input type="text" value="${token.key}"
                           name='gray-test-data-clientcode' style="display:none" readonly></input>
                    <input type="text" value="${token.name}"
                           name='gray-test-data-callname' style="display:none" readonly></input>
                </tr>
                <tr style="display: none;">
                    <td class="">
                        <label for="skCode"><@spring.message "mine.shouquanma"/></label>
                    </td>
                    <td>
                        <input ui-role="validatebox" style="width:250px" ui-options="width:250, readonly:true"
                               name='gray-test-data-skcode' value="${token.id}" readonly></input>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

        <fieldset class="tempo-fieldset" style="display: none">
            <legend><@spring.message "mine.jsonshili"/></legend>
            <textarea type="text" id="mine-flow-json-area" name="mine-flow-json-area" ui-role="validatebox"
                      style="width:100%;height:110px; resize: none;"
                      ui-options="autofill:false,readonly: true"
                      style="resize:none;" readonly class="areaheight width350 new_project_ipt" name="descr">
					{
					  "rows": [
						{
					<#list columns as col>
                        "${col.label}": "1",
                    </#list>
						}
					  ]
					}
			</textarea>
        </fieldset>
        <input type='hidden' name="gray-test-data-name" value="${name}">

        <!--测试-->
        <div class="gray-flow-test" id="gray-flow-test" style="padding-top: 15px">
            <div class="gray-test-title-line">
                <!--选择证书title-->
                <span><@spring.message "mine.test"/></span>
                <a href="javascript:;void(0)" id="mine-gray-btn-test" class="mine-opter-btn mine-opter-grid-btn" style="float: right"></a>
            </div>
            <div class="gray-test-content" style="padding-top: 11px; height: 290px;">
                <table class="formLayout test-data-form" style="width:100%; height: 100%">
                    <tbody style="height: 100%">
                    <tr style="height: 100%">
                        <td style="width: 58%; height: 100%">
                            <div style="overflow-x: hidden; overflow-y:auto; height: 100%">
                                <table style="width: 100%" class="gray-test-table-style">
                                    <tr>
                                        <td style="text-align:left" ><@spring.message "mine.filedname"/></td>
                                        <td style="text-align:left" ><@spring.message "mine.filedtype"/></td>
                                        <td style="text-align:left" ><@spring.message "mine.shuruzhi"/></td>
                                    </tr>
                                    <#list columns as col>
                                        <tr>
                                            <td style="text-align:left"  class="formLayoutTit">
                                                <label class='input-column' title=${col.label}>${col.label}</label>
                                            </td>
                                            <td style="text-align:left">
                                                <#if col.type == 'DOUBLE'>
                                                    <@spring.message "mine.number"/>
                                                <#elseif col.type == 'DECIMAL'>
                                                    <@spring.message "mine.number"/>
                                                <#elseif col.type == 'LONG'>
                                                    <@spring.message "mine.changzhengxing"/>
                                                <#elseif col.type == 'INT'>
                                                    <@spring.message "mine.zhengxing"/>
                                                <#elseif col.type == 'FLOAT'>
                                                    <@spring.message "mine.fudian"/>
                                                <#elseif col.type == 'TIMESTAMP'>
                                                    <@spring.message "mine.date"/>
                                                <#elseif col.type == 'DATETIME'>
                                                    <@spring.message "mine.date"/>
                                                <#else>
                                                    <@spring.message "mine.character"/>
                                                </#if>
                                            </td>
                                            <td style="text-align:left" >
                                                <input id="${col.name}" name="${col.name}" ui-role="validatebox"
                                                       style="width:152px" ui-options="required:true, validator: true" value="${col.role}" ></input>
                                                <script>
                                                    document.getElementById("${col.name}").value="${col.role}";
                                                </script>
                                            </td>
                                        </tr>
                                    </#list>
                                </table>
                            </div>
                        </td>
                        <td style="text-align:left;vertical-align:bottom;width:38%;padding-top: 15px; height: 100%">
								<textarea class="mine-flow-test-result" ui-role="validatebox" ui-options="autofill:false,readonly: true"
                                          style="width:100%;height:100%;line-height:16px;font-size:12px; resize: none;background-color: #ffffff;padding: 10px">
								</textarea>
                            <br>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </form>
</div>